import { NavLink } from "react-router-dom";
import style from "./style.module.css";
import { tabbarRoutes } from "../../router";

// 定义Tabbar组件
const Tabbar = () => {
  // 返回一个div，包含一个tabbar类名的div
  return (
    <div style={{ height: 50 }}>
      <div className={style["tabbar"]}>
        {/* // 遍历tabbarRoutes数组，返回一个NavLink组件，包含path和meta.title */}
        {tabbarRoutes.map((v, i) => {
          return (
            <NavLink to={v.path} key={i}>
              {v.meta.title}
            </NavLink>
          );
        })}
      </div>
    </div>
  );
};

// 导出Tabbar组件
export default Tabbar;
